.header__navigete {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 24px;
  max-height: 200px;
  overflow: hidden;
  transition: 1s ease max-height;
}

@media screen and (max-width: 640px) {
  .header__navigete {
    max-height: 0;
    grid-template-columns: auto;
    gap: 0;
  }
}